{extend name="layout/default" /}

{block name="title"}软件运营开发分享 - 成都亚克茜科技{/block}

{block name="page_css"}
<link rel="stylesheet" href="/home_assets/css/share.css">
{/block}

{block name="page_js"}
<script src="/home_assets/js/index.js"></script>
<script src="/home_assets/js/share.js"></script>
{/block}


{block name="body"}
<!-- 轮播图 -->
<div class="carousel">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="https://ykx-1254116920.cos.ap-nanjing.myqcloud.com/uploads/20240323/fbcf6db2da9ce5cae85445e4028bd635.png" alt=""></div>
        </div>
        <!-- 如果需要分页器 -->
        <div class="swiper-pagination"></div>
    </div>
</div>


<!-- 筛选栏 -->
<div class="filter-wrap">
    <div class="wrap-container">
        <div class="filter-item">
            <img class="icon" src="/home_assets/imgs/share/icon-type.png" alt="">
            <span class="label">类型</span>
            <div class="select-wrap" id="select-type">
                <span class="content">选择类型</span>
                <img class="arrow" src="/home_assets/imgs/share/icon-arrow.png" alt="">
                <div class="select-box">
                    <a href="javascript:;" data-index="0" class="select-item">不限</a>
                    {foreach $types as $item}
                    <a href="javascript:;" data-index="{$item.id}" class="select-item">{$item.type_name}</a>
                    {/foreach}
                </div>
            </div>
        </div>
        <div class="filter-item">
            <img class="icon" src="/home_assets/imgs/share/icon-set.png" alt="">
            <span class="label">合集</span>
            <div class="select-wrap" id="select-collection">
                <span class="content">选择合集</span>
                <img class="arrow" src="/home_assets/imgs/share/icon-arrow.png" alt="">
                <div class="select-box">
                    <a href="javascript:;" data-index="0" class="select-item">不限</a>
                    {foreach $collections as $item}
                    <a href="javascript:;" data-index="{$item.id}" class="select-item">{$item.collection_name}</a>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</div>


<!-- 内容列表区域 -->
<div class="list-wrap">
    <div class="bg-text">DEVELOPMENT SHARING</div>
    <div id="content" class="wrap-container">
    </div>
    <div class="nomore">已经到底了~</div>
</div>
{/block}

{block name="page_footer_js"}
<script>
    var mySwiper = new Swiper(".swiper", {
        loop: true, // 循环模式选项
        autoplay: true,

        // 如果需要分页器
        pagination: {
            el: ".swiper-pagination",
            clickable :true,
        },

        // 如果需要前进后退按钮
        navigation: {
            nextEl: ".swiper-button-next",
            prevEl: ".swiper-button-prev",
        },

        // 如果需要滚动条
        scrollbar: {
            el: ".swiper-scrollbar",
        },
    });
</script>
{/block}